<script setup lang="ts">
import { ref } from 'vue'
const props = defineProps<{
  deviceNum: string
}>()
const hp = ref<number>(0)
const lp = ref<number>(0)
const pulseRate = ref<number>(0)
</script>
<template>
  <view class="content">
    <view class="title">校准血压</view>
    <view class="connect">
      <view>已连接蓝牙设备:</view>
      <view style="color: #67b5ec; margin: 19.231rpx 0">{{ props.deviceNum }}</view>
      <view style="color: #d5d5d5; font-size: 23.077rpx">请设置血压校准参数</view>
    </view>
    <view class="">
      <u-cell-group :border="false">
        <u-cell>
          <template #title>
            <up-input border="none" v-model="hp"></up-input>
          </template>
        </u-cell>
        <u-cell>
          <template #title>
            <up-input border="none" v-model="lp"></up-input>
          </template>
        </u-cell>
        <u-cell>
          <template #title>
            <up-input border="none" v-model="pulseRate"></up-input>
          </template>
        </u-cell>
      </u-cell-group>
    </view>
  </view>
</template>
<style lang="scss">
page {
  height: 100%;
  font-family: PingFangSC-regular;
  .content {
    height: 100%;
    padding-top: 115.385rpx;
    background: url(@/static/starry2.png) no-repeat;
    background-size: contain;
    .title {
      margin-bottom: 19.231rpx;
      font-size: 34.615rpx;
      text-align: center;
      color: #ffff;
    }
    .connect {
      width: 100%;
      height: 307.692rpx;
      padding: 61.538rpx 38.462rpx;
      box-sizing: border-box;
      font-size: 34.615rpx;
      font-weight: 700;
    }
  }
}
</style>
